<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .outer {
            width: 300px;
            border: 1px solid black;
        }

        .box {
            width: 50px;
            height: 50px;
            border: 1px solid black;
            background-color: skyblue;
            margin: 10px;
        }

        .box1, .box2, .box3 {
            float: left;
        }
    </style>
</head>

<body>
    <div class="outer">
        <div class="box box0">0</div>
        <div class="box box1">1</div>
        <div class="box box2">2</div>
        <div class="box box3">3</div>
        <!-- <div class="box box4">4</div> -->
    </div>
    <!-- <div style="background-color: orange;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Soluta velit, corrupti recusandae quasi sint
        dignissimos aut repellat esse ea, dolorem qui in sit suscipit illum dolorum saepe numquam, doloribus eos sequi?
        Quo perferendis voluptatum eius doloremque officia iste explicabo eaque nobis pariatur illo, eos neque quasi
        eligendi quia dolorem hic minima autem sint recusandae doloribus ullam nisi laborum illum aliquid. Perferendis
        sunt nulla neque dolore maiores adipisci ullam aliquam officia. Porro impedit ea quidem asperiores officiis
        tempora nostrum eligendi quibusdam! Eum ab rerum aliquam quod molestias quam dolore culpa pariatur iure
        recusandae sint deserunt exercitationem obcaecati maiores ducimus accusamus ad a vero, laborum itaque corrupti
        dicta. Maxime nobis quas animi expedita, voluptate veniam repellat rerum fugiat odio quis, sunt quia porro. Ex
        atque laudantium recusandae id aliquid tempora sit nam velit itaque est eos, cumque, qui nemo numquam assumenda
        corporis voluptatibus non sequi reiciendis eaque modi provident explicabo eveniet nulla. Veritatis expedita
        corporis vero ratione dignissimos dolor. Consectetur exercitationem sed itaque ipsum saepe. Ut quos adipisci
        fuga, aut nulla voluptatem perferendis eveniet odio mollitia minus dolorum omnis ratione quia consequuntur quae
        sequi recusandae quo hic deserunt id? Labore, asperiores nostrum quisquam quis debitis rerum amet in, quo, saepe
        odio vero.</div> -->
</body>

</html>